﻿<%--E85C0ADF4DD0EEE3608184D7AF673AA9131793115441994623--%>
<%@ Page Language="C#" Inherits="XinYeSoft.VIP.WebSite.FQZCView" %><%@ Import Namespace="XinYeSoft.WebCommonLibrary" %><%
 DirRelVirPath = "~/Templates/Cont/";
this.SubmitFillUsers(); %>
<script runat="server">
protected override void OnLoad(System.EventArgs e)
{
this.DirRelVirPath = "~/Templates/Cont/";
base.OnLoad(e);
}
</script><!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<meta name="keywords" content="<%=this.MetaKey%>" />
<meta name="description" content="<%=this.MetaDesc%>" />
<%=this.HeadHtml%>
<title><%=this.PageTitle%></title>
<link rel="shortcut icon" href="<%=this.Root%>/favicon.ico" />
<link rel="stylesheet" href="<%=this.Root%>/Assets/Styles/style.css">

<%
 if (this.PreferredDomain != "") { %>
<link rel="canonical" href="<%=this.PreferredDomain%>" />
<%
 } %>

	<link rel="stylesheet" type="text/css" href="<%=this.Root%>/Assets/Styles/swiper-4.3.3.min.css"/>
    <link rel="stylesheet" type="text/css" href="<%=this.Root%>/Assets/Styles/mydetail.css"/>  

    <script src="<%=this.Root%>/Assets/Scripts/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>	
    <script src="<%=this.Root%>/Assets/Scripts/swiper-4.3.3.min.js" type="text/javascript" charset="utf-8"></script>        
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" ></script>
</head>

<body>
    <%
 if (this.VideoPath != "") { %>
 <div class="video-top">
    <p>点击观看视频</p>
</div>
<div class="video shadow-bg"></div>
<div class="video-box">
    <video width="100%" controls="controls">
    	<source src="<%=this.VideoPath%>" type="video/mp4"></source>
    </video>
</div>
<script type="text/javascript">
    $(function () {
        $('.video.shadow-bg').click(function () {
            $('.video.shadow-bg').hide();
            $('.video-box').hide();
        });
        $('.video-top').click(function () {
            $('.video.shadow-bg').show();
            $('.video-box').fadeIn();
        })
    })
</script>
<%
 } %>

    <div class="declaration-top" style="background: <%=this.CurObj.StyleRGB%>;">
		<div class="con mycon">
			<p><%=this.CurObj.Remark%></p>
		</div>
		<div class="data">
			<div class="img">
				<img src="<%=this.GetAvatarSrc(this.CurObj.UserID)%>"/>
			</div>
			<div class="info">
				<p>-<%=this.CurObj.UserName%>-的众筹</p>
				<p><%=this.ToText(this.CurObj.BillTime)%> 发起</p>
			</div>
		</div>
	</div>

    <div class="info">
		<div class="info-header clearfix">		
			<div class="time">
				<p>距离众筹结束<span id="now" class="time-fall"></span><span class="end" id="end"><span class="year"><%=this.CurEndBMYear%></span>
						<span class="month"><%=this.CurEndBMMonth%></span>
						<span class="day"><%=this.CurEndBMDay%></span>
						<span class="hour"><%=this.CurEndBMHour%></span></span>
					</p>
			</div>
		</div>
		<div class="info-title">
			<p><%=this.CurProject.Name%></p>
		</div>
		<div class="info-list clearfix">
			<div class="info-item">
				<p class="info-item-num"><span id="Span1" class="block"><%=this.ToText(this.CurObj.NeedSum)%></span>元</p>
				<p class="info-item-title"><i class="icon-3"></i>目标金额</p>
			</div>
			<div class="info-item info-item-border">
				<p class="info-item-num"><span id="Span2" class="block"><%=this.ToText(this.CurSum)%></span>元</p>
				<p class="info-item-title"><i class="icon-8"></i>已筹</p>
			</div>
			<div class="info-item">
				<p class="info-item-num"><span class="block"><%=this.CurObj.SupportNum%></span>人</p>
				<p class="info-item-title"><i class="icon-9"></i>支持人数</p>
			</div>
		</div>
		<div class="info-process">
			<div class="info-process-whole">
				<div class="info-process-completed">
					<span class="info-process-number"></span>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$(function(){
				var whole = $('#Span1').text();
				var comleted = $('#Span2').text();
				if(comleted > 0){
					var a = parseInt((comleted / whole)*100);
					if(a>100){
						a = 100;
					}
					$('.info-process-completed').width(a + '%');
					$('.info-process-number').text(a + '%');
				}else{
					$('.info-process-completed').width('0%');
					$('.info-process-number').text('0%');
				}
			})
	</script>

	<div class="conx clearfix">
		<div class="con-box">
			<p class="p1"><%=this.CurProject.Name%></p>
			<p class="p2"><%=this.CurProject.Remark%></p>
		</div>
		<div class="top-img swiper-container">
		    <div class="swiper-wrapper">
            <%
if(this.ListPic != null)
{%><%
int i_1=0;
%><%
foreach(XinYeSoft.VIP.BusinessCommon.ProjectPic obj_1 in this.ListPic){%> 
                <%
 if (i_1 > 1) { %>
			    <div class="swiper-slide">
				    <img src="<%=this.JoinFullUrl(obj_1.ImagePath)%>" />
			    </div>
                <%
 } %>
            <%
i_1+=1;
}
}%>       			
		    </div>
		    <div class="swiper-pagination"></div>
	    </div>
	</div>
	<script type="text/javascript">
		$(function() {
			var topImgSwiper = new Swiper('.top-img', {
				loop: true,
				pagination: {
					el: '.swiper-pagination',
				},
				autoplay: {
					delay: 3000,
				},
			});
		})
	</script>
	<script type="text/javascript">
		$(function(){
			$('.conx').click(function(){
				$('.detail-con.detail-con01').fadeIn();
				$('body').css('overflow','hidden');
			})
			$('.detail-con.detail-con01 .close').click(function(){
				$('.detail-con.detail-con01').fadeOut();
				$('body').css('overflow','auto');
			})
		})
	</script>
    <div class="detail-con detail-con01">
		<div class="nav-box clearfix">
			<p>众筹详情</p>
			<span class="close"></span>
			<!--<div class="nav-list clearfix">
				<div class="nav-item active">详情描述</div>
                <%
 if (this.CurProject.DescName1 != "") { %>
				<div class="nav-item"><%=this.CurProject.DescName1%></div>
                <%
 } %>
                <%
 if (this.CurProject.DescName2 != "") { %>
				<div class="nav-item"><%=this.CurProject.DescName2%></div>
                <%
 } %>				
			</div>-->
		</div>
		<div class="con-box">
			<div class="con-list">
				<div id="con-item1" class="con-item">
					<%=this.CurContent%>
				</div>
                <%
 if (this.CurProject.DescName1 != "") { %>
				<div id="con-item2" class="con-item">
					<%=this.CurContent1%>
				</div>
				<%
 } %>
                <%
 if (this.CurProject.DescName2 != "") { %>
                <div id="con-item3" class="con-item">
					<%=this.CurContent2%>
				</div>
                <%
 } %>
			</div>
		</div>
		<!--<div class="con-more">
			<span>展开更多详情</span>
		</div>-->
	</div>
	<script type="text/javascript">
		$(function () {
		    var detailNavH = $('.nav-box').height();
		    $('.detail-con .nav-item').each(function () {
		        $(this).click(function () {
		            var i = $(this).index();
		            $('.detail-con .con-box').css("height", "100%");
		            $('.detail-con .con-more').hide();
		            $(this).addClass('active').siblings().removeClass('active');
		            var height = $('.detail-con .con-item').eq(i).offset().top;
		            $('html,body').scrollTop(height - detailNavH);
		        });
		    });
		    /*$('.detail-con .con-more span').click(function () {
		        $('.detail-con .con-box').css("height", "100%");
		        $('.detail-con .con-more').hide();
		    })*/
		    $(window).scroll(function () {
		        var scrollTop = $(window).scrollTop();
		        var detailH = $('.detail-con').height();
		        var detailT = $('.detail-con').offset().top;
		        var conBox = $('.detail-con .con-box').offset().top;
		        if (scrollTop >= conBox) {
		            $('.detail-con .nav-list').addClass('fixed');
		        } else {
		            $('.detail-con .nav-list').removeClass('fixed');
		        }
		        if (scrollTop >= detailH + detailT - detailNavH) {
		            $('.detail-con .nav-list').removeClass('fixed');
		        }

		        var detailH1 = $('.feedback').height();
		        var detailT1 = $('.feedback').offset().top;
		        var conBox1 = $('.feedback .con-box').offset().top;
		        if (scrollTop >= conBox1) {
		            $('.feedback .nav-list').addClass('fixed');
		        } else {
		            $('.feedback .nav-list').removeClass('fixed');
		        }
		        if (scrollTop >= detailH1 + detailT1 - detailNavH) {
		            $('.feedback .nav-list').removeClass('fixed');
		        }
		    });
		})
	</script>
		
    <div class="feedback">
		<div class="nav-box">
			<div class="nav-list clearfix">
				<div class="nav-item active">支持者 <span><%=this.ListZC.Count%></span></div>
				<div class="nav-item">支持者众筹中 <span><%=this.ListJXZZC.Count%></span></div>
			</div>
		</div>
		<div class="con-box">
			<div class="con-list">
				<div class="con-item con-item01">
					<%
if(this.ListZC != null)
{%><%
foreach(XinYeSoft.VIP.BusinessCommon.MyZCZC obj_1 in this.ListZC){%>
                    <div class="con-item-l">
						<div class="top clearfix">
							<div class="head">
								<img src="<%=this.GetAvatarSrc(obj_1.UserID)%>" alt=""/>
							</div>
							<p class="p2"><span><%=this.ToText(obj_1.PaySum)%></span>元</p>
							<p class="p1"><span><%=this.GetNickName(obj_1.UserID)%></span>：支持-<span><%=this.CurObjUser.NickName%></span>-</p>
						</div>
						<div class="con mycon">
                            <%
 if (this.CurObjUser.ID == this.CurUserID && obj_1.ThsReply == "") { %>
							<span class="button icon-10" onclick="thsReplay(<%=obj_1.ID%>)"></span>
                            <%
 } %>
							<p><%=obj_1.Remark%></p>
						</div>
						<div class="time">
							<span><%=this.ToText(obj_1.BillTime)%></span>
						</div>
                        <%
 if (obj_1.ThsReply != "") { %>
						<div class="words">                            
							<p>
								<span class="name">-<%=this.CurObjUser.NickName%>-:</span>
								<span class="text"><%=obj_1.ThsReply%></span>
							</p>
						</div>
                        <%
 } %>
					</div>
                    <%
}
}%>	                    
				</div>
				<div class="con-item con-item02">
					<%
if(this.ListJXZZC != null)
{%><%
foreach(XinYeSoft.VIP.WebSite.FQZCView.ZCData obj_1 in this.ListJXZZC){%>
                    <div class="con-item-l">
                        <a href="<%=this.GetFQZCViewUrl(obj_1.FQZC.ID)%>">
						    <div class="top clearfix">
							    <p class="p2"><%=this.ToText(obj_1.FQZC.BillTime)%></p>
							    <div class="p1">
								    <img src="<%=this.GetAvatarSrc(obj_1.FQZC.UserID)%>"/>
								    <p><%=this.GetNickName(obj_1.FQZC.UserID)%></p>
							    </div>
						    </div>
						    <div class="con">
							    <p><%=obj_1.FQZC.Remark%></p>
						    </div>
						    <div class="head clearfix">
							    <%
if(obj_1.ListZC != null)
{%><%
foreach(XinYeSoft.VIP.BusinessCommon.MyZCZC zc_2 in obj_1.ListZC){%>
							    <img src="<%=this.GetAvatarSrc(zc_2.UserID)%>"/>
                                <%
}
}%>						
						    </div>
						    <div class="bottom clearfix">
							    <p class="p1">支持者 <span><%=obj_1.FQZC.SupportNum%></span> 人</p>
							    <p class="p2">已筹 <span><%=this.ToText(obj_1.FQZC.CurSum)%></span> 元</p>
						    </div>
					    </a>
                    </div>
					<%
}
}%>                    
				</div>
                <div class="toEnd">
                    <p>到底了~</p >
                </div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$(function () {
		    $('.feedback .nav-item').each(function () {
		        $(this).click(function () {
		            var i = $(this).index();
		            $(this).addClass('active').siblings().removeClass('active');
		            $('.feedback .con-item').eq(i).show().siblings().hide();
		        });
		    });
		    /*$('.feedback .mycon .button').each(function () {
		        $(this).click(function () {
		            $('.feedback-s.shadow-bg').show();
		        });
		    });*/
		    $('.feedback-s.shadow-bg').click(function () {
		        $('.feedback-s.shadow-bg').hide();
		    });
		    $('.feedback-s.shadow-bg .feedback-box').click(function (e) {
		        e.stopPropagation();
		    });
		    $('.feedback-s.shadow-bg .i1').click(function () {
		        $('.feedback-s.shadow-bg').hide();
		    });
		})

		function thsReplay(id) {
		    jQuery("#tbZcZcId").val(id);   // 把id赋给tbZcZcId
            // 然后显示回复的图层
            $('.feedback-s.shadow-bg').show();
		}


	</script>
	
	<div class="bottomBack">
	<ul class="u1">
		<li><a href="<%=this.SiteIndexUrl%>">返回首页</a></li>
		<li><a href="#">退出</a></li>
	</ul>
	<div class="box1">
		<p class="p1"><%=this.SiteName%>©2019</p>
		<span class="s1"></span>
		<p>技术支持©易网互联</p>            
	</div>
</div>
		
    <div class="bottom-box"></div>
    <%
 if (this.CurObjIsJxz && this.CurObjUser.ID == this.CurUserID) { %>
    <div class="payment fixed-bottom">
		<a href="<%=this.GetPayZCUrl(this.CurID)%>">自己付款</a>
	</div>	
    <%
 } else { %>
    <div class="payment payment01 clearfix fixed-bottom">
        <%
 if (this.CurObjIsJxz) { %>
		<a href="<%=this.GetPayZCUrl(this.CurID)%>">支持Ta</a>
        <%
 } %>
        <%
 if (this.MyFqZcId > 0) { %>
        <a href="<%=this.GetFQZCViewUrl(this.MyFqZcId)%>">查看我的众筹</a>
        <%
 } else { %>
		<a href="<%=this.GetJoinZCUrl(this.CurProject.ID)%>">我要报名</a>
        <%
 } %>
	</div>
    <%
 } %>
    <%
 if (this.CurObjUser.ID == this.CurUserID) { %>
    <form action="" method="post">
    <div class="feedback-s shadow-bg">
		<div class="feedback-box">			
			<div class="title">
                <input type="hidden" name="tbZcZcId" id="tbZcZcId" value="" />
				<p>回复评论</p>
			</div>
			<div class="con">
				<textarea placeholder="回复：" name="tbReplyCont" rows="" cols=""></textarea>
			</div>
			<div class="button clearfix">
				<input class="i1" type="button" id="" value="取消" />
				<input type="submit" name="btThsReply" value="评论" />
			</div>		    
        </div>
    </div>

    <!--编辑宣言部分-->
	<div class="declaration shadow-bg"></div>
	<div class="declaration box">
		<div class="title clearfix">
			<p class="p1">编辑众筹宣言</p>
			<p class="p2">点击下方编辑您的众筹口号吧</p>
		</div>
		<div class="edit-box">
			<textarea placeholder="请输入宣言" name="tbRemark" rows="" cols=""><%=this.CurObj.Remark%></textarea>
		</div>
		<div class="color-select clearfix">
            <input class="c1" type="radio" name="slStyleRGB" value="rgb(0,153,204)" <%
 if (this.CurObj.StyleRGB == "rgb(0,153,204)") { %>checked=""<%
 } %> />
			<input class="c2" type="radio" name="slStyleRGB" value="rgb(51,102,153)" <%
 if (this.CurObj.StyleRGB == "rgb(51,102,153)") { %>checked=""<%
 } %> />
			<input class="c3" type="radio" name="slStyleRGB" value="rgb(0,150,136)" <%
 if (this.CurObj.StyleRGB == "rgb(0,150,136)") { %>checked=""<%
 } %> />
			<input class="c4" type="radio" name="slStyleRGB" value="rgb(255,153,0)" <%
 if (this.CurObj.StyleRGB == "rgb(255,153,0)") { %>checked=""<%
 } %> />
			<input class="c5" type="radio" name="slStyleRGB" value="rgb(153,102,153)" <%
 if (this.CurObj.StyleRGB == "rgb(153,102,153)") { %>checked=""<%
 } %> />
			<input class="c6" type="radio" name="slStyleRGB" value="rgb(255,153,153)" <%
 if (this.CurObj.StyleRGB == "rgb(255,153,153)") { %>checked=""<%
 } %> />
			<input class="c7" type="radio" name="slStyleRGB" value="rgb(232,71,63)" <%
 if (this.CurObj.StyleRGB == "rgb(232,71,63)") { %>checked=""<%
 } %> />
			<input class="c8" type="radio" name="slStyleRGB" value="rgb(153,153,153)" <%
 if (this.CurObj.StyleRGB == "rgb(153,153,153)") { %>checked=""<%
 } %> />
			<input class="c9" type="radio" name="slStyleRGB" value="rgb(153,153,102)" <%
 if (this.CurObj.StyleRGB == "rgb(153,153,102)") { %>checked=""<%
 } %> />			
		</div>
		<div class="button clearfix">
			<input class="b1" type="button" id="Button1" value="取消" />
			<input class="b2" type="submit" value="提交" name="btSaveRemark" />
		</div>
	</div>
    </form>

    <%
 } %>

    <script>
        $(function () {
            function timeCount() {
                //当前日期
                var nowTime = new Date();
                //获取截止年月日时
                var endYear = $('#end .year').text();
                var endMonth = $('#end .month').text();
                var endDay = $('#end .day').text();
                var endHour = $('#end .hour').text();
                //截止日期
                var endDate = new Date();
                //设置截止截止年月日时
                endDate.setFullYear(parseInt(endYear));
                endDate.setMonth(parseInt(endMonth) - 1);
                endDate.setDate(parseInt(endDay));
                endDate.setHours(endHour);
                endDate.setMinutes(0);
                endDate.setSeconds(0);

                //总时间间隔
                var intervalTime = (endDate.getTime() - nowTime.getTime()) / 1000;

                if (intervalTime > 0) {
                    var day = parseInt(intervalTime / (24 * 3600));
                    intervalTime = intervalTime % (24 * 3600);
                    var hour = parseInt(intervalTime / 3600);
                    intervalTime = intervalTime % 3600;
                    var minutes = parseInt(intervalTime / 60);
                    var seconds = parseInt(intervalTime % 60);

                    hour = checkTime(hour);
                    minutes = checkTime(minutes);
                    seconds = checkTime(seconds);

                    $('#now').text(day + '天' + hour + ':' + minutes + ':' + seconds);
                } else {
                    clearInterval(t1);
                    $('#now').text('已截止');
                }
            }
            var t1 = setInterval(timeCount, 1000);
            timeCount();
            function checkTime(i) {
                if (i < 10) {
                    i = '0' + i;
                }
                return i;
            }
        });

        var _appId = '<%=this.AppID%>';
        var _timestamp = '<%=this.TimeStamp%>';
        var _nonceStr = '<%=this.NonceStr%>';
        var _signature = '<%=this.Signature%>';
        wx.config({
            debug: false,
            appId: _appId,
            timestamp: _timestamp,
            nonceStr: _nonceStr,
            signature: _signature,
            jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
        });

        wx.ready(function () {
            wx.onMenuShareAppMessage({
                title: '<%=this.ShareTitle%>',
                desc: '<%=this.ShareDesc%>',
                link: '<%=this.CurUrl%>',
                imgUrl: '<%=this.ShareImagePath%>'
            });

            wx.onMenuShareTimeline({
                title: '<%=this.ShareTitle%>',
                link: '<%=this.CurUrl%>',
                imgUrl: '<%=this.ShareImagePath%>'
            });
        });  
    </script>
          
<%--    <script type="text/javascript">
        var imgUrl = <%=this.ShareImagePath%>;
        var lineLink = <%=this.CurUrl%>;
        var descContent = <%=this.ShareDesc%>;
        var shareTitle = <%=this.ShareTitle%>;
        alert(shareTitle);

        jQuery.ajax({
            url: "<%=this.GetWxShareInfoUrl%>",
            type: 'post', dataType: 'json', timeout: 10000,
            data: { url: lineLink },
            async: false,
            success: function (response) {
                var appId = response.content.appId;
                alert(appId);
                var timestamp = response.content.timeStamp;
                var nonceStr = response.content.nonceStr;
                var signature = response.content.signature;

                wx.config({
                    debug: false,
                    appId: appId,
                    timestamp: timestamp,
                    nonceStr: nonceStr,
                    signature: signature,
                    jsApiList: [
                            'checkJsApi',
                            'onMenuShareTimeline',
                            'onMenuShareAppMessage'
                        ]
                });
                wx.ready(function () {

                    wx.onMenuShareTimeline({
                        title: shareTitle, // 分享标题
                        link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: imgUrl, // 分享图标
                        success: function () {
                            // 用户确认分享后执行的回调函数
                        },
                        cancel: function () {
                            // 用户取消分享后执行的回调函数
                        }
                    });
                    wx.onMenuShareAppMessage({
                        title: shareTitle, // 分享标题
                        desc: descContent, // 分享描述
                        link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: imgUrl, // 分享图标
                        type: '', // 分享类型,music、video或link，不填默认为link
                        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                        success: function () {
                            // 用户确认分享后执行的回调函数

                        },
                        cancel: function () {
                            // 用户取消分享后执行的回调函数
                        }
                    });
                });
            },
            error: function (response) {
                window.parent.growl("删除失败[" + response.responseText + "]!", "error");
            }
        });
	</script>--%>
	
	

	<script type="text/javascript">
		$(function(){
			$('.declaration.box .color-select input:before').each(function(){
				$(this).click(function(){
					$(this).parent().attr('checked','checked').siblings().removeAttr('checked');
				})
			});
			$('.declaration.box .button .b1').click(function(){
				$('.declaration.shadow-bg').hide();
				$('.declaration.box').slideUp();
			});
			$('.declaration.shadow-bg').click(function(){
				$('.declaration.shadow-bg').hide();
				$('.declaration.box').slideUp();
			})
			$('.declaration-top .con.mycon').click(function(){
				$('.declaration.shadow-bg').show();
				$('.declaration.box').slideDown();
			})
		});
	</script>
	<script type="text/javascript">
		$(function(){
			var wc01 = $('#Span1').text();
			var wc02 = $('#Span2').text();
			if(wc01 == wc02){
				$('.declaration-top').addClass('wc');
			}
		})
	</script>

</body>